<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>管理员</title>
<link href="/myOA/static/css/common.css" rel="stylesheet" />
<link href="/myOA/static/css/cart.css" rel="stylesheet" />
<link href="/myOA/static/css/menu.css" rel="stylesheet" />
<style>
.calendars {
	width: 100%;
	height: 90%;
}

.months {
	width: 100%;
	height: 30px;
	background-color: rgba(100, 100, 220, 0.8);
	display: flex;
	flex-flow: raw nowrap;
	justify-content: flex-end;
}
.myNotes{
	height:80%;
}
</style>
</head>
<body>
	<div class="manageContainer">
		<div class="left">
			<div class="userInfo">
				<div class="user">
					<p>
						欢迎&nbsp;:&nbsp;<span class="info"></span>
						<input type="hidden" value="${sessionScope.id}"  id="myId"/>
						<input type="hidden" value="${sessionScope.roleId }" id="roleId"/>
					</p>
					<p>
						角色&nbsp;:&nbsp;<span class="info"></span>
					</p>
					<p>
						部门&nbsp;:&nbsp;<span class="info"></span>
					</p>
					<p>
						你共有&nbsp;:&nbsp;<span class="info infoCount">0</span>条新消息						
					</p>
				</div>
			</div>
			<div class="menus">
			</div>
		</div>
		<div class="right">
			<div class="navs">
				<div class="nav">
					<a href="#">主页</a>
				</div>
				<div class="nav">
					<a href="http://localhost:8088/myOA/login.jsp">重新登录</a>
				</div>
				<div class="nav">
					<a href="#">修改密码</a>
				</div>
				<div class="nav">
					<a href="#">显示隐藏通知栏</a>
				</div>
				<div class="nav">
					<a href="#">帮助</a>
				</div>
				<div class="nav">
					<a href="#">表情笑脸</a>
				</div>
				<div class="nav last">
					<a href="#">日期显示</a>
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="breadcrumb">当前位置：员工考勤历史记录查询</div>
			<div class="title">员&nbsp;工&nbsp;考&nbsp;勤&nbsp;历&nbsp;史&nbsp;记&nbsp;录&nbsp;查&nbsp;询</div>
			<div class="contents">
				<div>请输入填写消息的时间————</div>
				<div>
					<span>开始时间:</span> <input type="text" name="" id="">
					<span>————</span>
					<span>结束时间:</span> <input type="text" name="" id="">
					<input type="radio" name="" id="">本日
					<input type="radio" name="" id="">本周
					<input type="radio" name="" id="">本月
					<button>搜索</button>
				<div class="months">添加新消息</div>
				</div>
				<div class="myNotes">
					<table id="division">
						<thead>
							<tr class="theader">
								<th>消息标题</th>
								<th>消息类型</th>
								<th>消息内容</th>
								<th>创建者</th>
								<th>发送对象</th>
								<th>开始时间</th>
								<th>结束时间</th>
								<th>创建时间</th>
								<th>修改</th>
								<th>删除</th>
								<th>发布</th>								
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>关于记者证考试日程安排</td>
								<td>紧急消息</td>
								<td>请所有远程。。。</td>
								<td>系统管理员</td>
								<td>所有人</td>
								<td>年月日时分秒</td>
								<td>年月日时分秒</td>
								<td>年月日</td>
								<td>修改图标</td>
								<td>删除图标</td>
								<td>发布</td>
						</tbody>
					</table>
				</div>
			</div>
			<div style="clear: both;"></div>
		</div>
	</div>
	
	<div class="messages">
	<div class="myMsg">
		<span>消息填写区</span>
	</div>
	<div class="myMsg">
		<span>消息标题：测试消息</span>
	</div>
	<div class="myMsg">
		<span>消息类型：</span>
		<select name="" id="">
			<option value=""></option>
			<option value=""></option>
			<option value=""></option>
		</select>
	</div>
	<div class="myMsg">
		<span>开始有效时间：</span>
		<input type="text">
	</div>
	<div class="myMsg">
		<span>结束有效时间：</span>
		<input type="text">
	</div>
	<div class="myMsg">
		<span>发送对象:</span>
		<input type="radio" name="" id="">所有人
		<input type="radio" name="" id="">选择特定对象
	</div>
	<div class="myMsg">
		<span>筛选范围：</span>
	</div>
	<div class="myMsg">
		<input type="checkbox" name="" id="">按机构
		<input type="checkbox" name="" id="">按机构
		<input type="checkbox" name="" id="">按机构
		<input type="checkbox" name="" id="">按机构
	</div>
	<div class="myMsg">
		<span>机构：</span>
		<select name="" id="">
			<option value=""></option>
			<option value=""></option>
		</select>
		<span>机构：</span>
		<select name="" id="">
			<option value=""></option>
			<option value=""></option>
		</select>
		<span>员工号：</span>
		<input type="text">
		<span>姓名：</span>
		<input type="text">
	</div>
	<div class="myMsg">
		<span>(模糊查找 eg李)</span>
	</div>
	<div class="myMsg">
		<button>确定选择范围</button>
	</div>
	<div class="myMsg">
		<span>消息内容：</span>
		<textarea rows="" cols="">
			测试一下消息发送情况
		</textarea>
	</div>
	<div class="myMsg">
		<button>保存消息</button>
		<button>返回</button>
	</div>
	
	
	
	</div>
	<script src="/myOA/static/js/jquery-3.3.1.min.js"></script>
<script src="/myOA/static/js/common.js"></script>	
</body>
</html>